<!DOCTYPE html>
<!-- val 全选 全不选 多选 -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//鼠标点击左键事件
		$("#buttonOne").click(function() {
			$("#selectOne").children().eq(2).prop("selected", true);
			//$("#selectOne > option:eq(2)").prop("selected",true);
		});
		//鼠标点击左键事件
		$("#buttonTwo").click(function() {
			$("#selectTwo").children().eq(1).prop("selected", true);
			$("#selectTwo").children().eq(4).prop("selected", true);
			//$("#selectOne > option:eq(2)").prop("selected",true);
		});
		//鼠标点击左键事件
		$("#buttonThree").click(function() {
			$("input[type='checkbox']:eq(1)").prop("checked", true);
			$("input[type='checkbox']:eq(3)").prop("checked", true);
			//$("#selectOne > option:eq(2)").prop("selected",true);
		});
		//鼠标点击左键事件
		$("#buttonFour").click(function() {
			$("input[type='radio']:eq(1)").prop("checked", true);
		});
		//鼠标点击左键事件
		$("#buttonFive").click(function() {
			console.info('单选select值',$("#selectOne").val());
			console.info('多选select值',$("#selectTwo").val());
			console.info('多选checkBox值',getValue($("input[type='checkbox']:checked")));
			console.info('单选radio值',$("input[type='radio']:checked").val());
			
		});
	})
	function getValue(checkBoxArray){
		var array = new Array();
		$.each(checkBoxArray,function(i,n){
			array.push(n.value);
		});
		return array;
	}
</script>
</head>
<body>
	<form>
		<input type="button" value="使单选下拉框的'选择3号'被选中" id="buttonOne">
		<input type="button" value="使多选下拉框选中的'选择2号'和'选择5号'被选中" id="buttonTwo">
		<p>
			<input type="button" value="使多选框中的'多选2号'和'多选4号'被选中" id="buttonThree">
			<input type="button" value="使单选框中的'单选2号'被选中" id="buttonFour">
		</p>
		<p>
			<input type="button" value="打印已被选中的值" id="buttonFive"> 
		</p>
		<p>
			<select id="selectOne">
				<option value="1">单选1号</option>
				<option value="2">单选2号</option>
				<option value="3">单选3号</option>
			</select>
			<!-- multiple多选属性 -->
			<select id="selectTwo" multiple="multiple" style="height: 100px">
				<option value="1">选择1号</option>
				<option value="2">选择2号</option>
				<option value="3">选择3号</option>
				<option value="4">选择4号</option>
				<option value="5">选择5号</option>
			</select>
		</p>
		<p>
			<input type="checkbox" value="1">多选1 
			<input type="checkbox" value="2">多选2 
			<input type="checkbox" value="3">多选3
			<input type="checkbox" value="4">多选4
		</p>
		<p>
	    	<input type="radio" value="1">单选1
			<input type="radio" value="2">单选2
			<input type="radio"value="3">单选3
		</p>
	</form>
</body>
</html>